@extends('layouts.art')

@section('content')
<script src="/js/jquery-2.1.4.min.js" type="text/javascript"></script>

<script>
	$(function(){   
    var winH = $(window).height(); //页面可视区域高度   
    var i = 1; //设置当前页数   
    $(window).scroll(function () {   
        var pageH = $(document.body).height();   
        var scrollT = $(window).scrollTop(); //滚动条top   
        var aa = (pageH-winH-scrollT)/winH;   
        if(aa<0.02){   
            $.get("/art/getdata",{page:i},function(json){   
                // if(json){ 
                    // var str = "<br>";   
                    // $.each(json,function(index,array){   
                    //     var str += "<h1>"+json[0].title+"</h1>";
                    //     var str+="<br>";   
                    //     var str += "<p>"+json[0].content+"</p>";   
                    //      $("#container").append(str); 
                var str="<br><h1>"+json[0].title+"</h1>";
                $("#container").append(str);
                var str="<br><p>"+json[0].content+"<p>";
                $("#container").append(str);  
                // alert(json[0].content);
                //     });   
               	i++;   
                // }else{   
                //     $(".nodata").show().html("别滚动了，已经到底了。。。");   
                //     return false;   
                // }   
               // alert(json);
               // return json;

                    // for(var i=0;i<a.length;i++){
                    //     str+= "<option>"+a[i]+"</option>"; //拼option格式
                    // }

            }); 
 
        }   
    });   
});  

</script>

<div id="container">
@foreach($art as $v)
	<h1>{{$v->title}}<h1>
		<br>
	<p>{!!$v->content !!}</p>
</div>
@endforeach 



<div id="container">
</div>
@endsection